<html>

<head>
    <meta charset="utf-8" />
    <title>这是标题</title>

    <style>
        #one {
            /*斜体*/
            font-style: italic;
            /*粗细程度*/
            /* font-weight: 800; */
            font-weight: bold;
        }

        #two {
            font-weight: lighter;
            /* font-weight: bolder; */
        }

        /* 
        组合输入 
        输入顺序:其他属性 字体大小  字体族
        */
        #three {
            font: italic bold 50px "微软雅黑";
        }
    </style>

</head>



<body>
    <p id="one">展示文字倾斜效果</p>
    <p id="two">展示文字倾斜效果</p>
    <p id="three">展示文字倾斜效果</p>

</body>

</html>